<template>
    <div class="box">
        <!-- 头部 -->
        <div class="header_box">
            <van-icon class="icon" name="arrow-left" @click="back" />
            <span>申请记录</span>
        </div>

        <!-- 内容 -->
        <div class="content_box">
            <div class="content">
                <div class="remind">
                    <span>您的开店申请已经提交成功。</span>
                    <br>
                    <span>我们将在1-3个工作日内完成线上审核工作，请您耐心等候，并留意审核进程。</span>
                </div>
                <div class="text one">
                    <div class="personCharge">
                        <p>负责人：{{dataList.shopInformation.personCharge}}</p>
                        <p>手机号：{{dataList.shopInformation.phoneNumber}}</p>
                    </div>
                    <img src="../../assets/images/login/欢迎页图片.png" alt="">
                </div>
                <div class="text">
                    <div class="personCharge">
                        <p>店铺类型：<span>餐饮店铺</span></p>
                        <van-tag color="#ff6e53" plain>主营</van-tag>
                        <span>{{main}}</span>
                        <br>
                        <van-tag color="#7232dd" plain>辅营</van-tag>
                        <span>{{au}}</span>
                    </div>
                </div>
                <div class="text">
                    <div class="personCharge">
                        <p>中文店名：<span>{{dataList.shopInformation.chShopName}}</span></p>
                        <p>英文店名：<span>{{dataList.shopInformation.eShopName}}</span></p>
                        <p>所在地：<span>{{dataList.shopInformation.region}}</span></p>
                        <p>详细地址：<span>{{dataList.shopInformation.detailedAddress}}</span></p>
                    </div>
                </div>
                <div class="text">
                    <div class="personCharge myImg">
                        <img src="../../assets/images/storefront/实体店.jpg" alt="">
                        <p>店铺门面图(需包含完整牌匾)</p>
                        <img src="../../assets/images/storefront/实体店.jpg" alt="">
                        <p>店内真实环境图</p>
                    </div>
                </div>
                <div class="text">
                    <div class="personCharge myImg">
                        <div>
                            <p>法人姓名：<span>{{dataList.PersonInformation.legalPerson}}</span></p>
                            <p>性别：<span>{{dataList.PersonInformation.sex}}</span></p>
                            <p>证件类型：<span>居民身份证</span></p>
                            <p>证件号码：<span>{{dataList.PersonInformation.CertificateNum}}</span></p>
                            <p>有效期：<span>{{dataList.PersonInformation.time}}</span></p>
                        </div>
                        <img src="../../assets/images/storefront/身份证.jpg" alt="">
                        <p>证件正面图(国徽面)</p>
                        <img src="../../assets/images/storefront/身份证.jpg" alt="">
                        <p>证件背面图(照片面)</p>
                    </div>
                </div>
                <div class="text">
                    <div class="personCharge myImg">
                        <div>
                            <p>证件名称：<span>营业执照</span></p>
                            <p>证件编号：<span>{{dataList.qualificationInformation.licenseNum}}</span></p>
                            <p>有效期：<span>{{dataList.qualificationInformation.termValidity1}}</span></p>
                        </div>
                        <img src="../../assets/images/storefront/营业执照.jpg" alt="">
                        <p>证件正面图</p>
                    </div>
                </div>
                <div class="text last">
                    <div class="personCharge myImg">
                        <div>
                            <p>证件名称：<span>经营许可证</span></p>
                            <p>证件编号：<span>{{dataList.qualificationInformation.businessCertificate}}</span></p>
                            <p>有效期：<span>{{dataList.qualificationInformation.termValidity}}</span></p>
                        </div>
                        <img src="../../assets/images/storefront/许可证.jpg" alt="">
                        <p>证件正面图</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return {
            dataList:"",
            main:"",
            au:""
        }
    },
    methods: {
        back() {
            this.$router.go(-1)
        },
    },
    created(){
        this.dataList = this.$store.state.shop.data
        // console.log(this.dataList);
        // 主营商品
        this.main = this.dataList.shopInformation.main
        // 辅营商品
        this.au = this.dataList.shopInformation.au
    },
}
</script>

<style scoped>
/* 头部 */
.header_box {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    background-color: rgba(255, 110, 83, 1);
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 17px;
    color: aliceblue;
}

.icon {
    width: 16%;
    padding-left: 20px;
}

.header_box :last-child {
    width: 90%;
    padding-left: 25%;
}

/* 内容 */
.content_box {
    width: 100%;
    padding-top: 15%;
    /* height: 667px; */
    background-color: #f5f5f5;
    padding-bottom: 10px;
}

.content {
    width: 90%;
    margin: 0 auto;
}

/* 文字提醒 */
.remind {
    font-size: 13px;
    color: #888787;
}

.text {
    margin: 15px 0;
    font-size: 14px;
    background-color: #ffff;
    border-radius: 15px;
}

.one {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.one img {
    width: 70px;
    height: 70px;
    padding: 0 10px;
}

.personCharge {
    padding: 10px 10px;
}

.van-tag {
    font-size: 14px;
    margin-top: 10px;
    margin-right: 10px;
}

.myImg {
    text-align: center;
}

.myImg div {
    text-align: left;
}

.myImg img {
    width: 90%;
}
</style>